<section class="vbox">
    <section class="w-f-md">
        <section class="hbox stretch bg-black dker">
            <!-- side content -->
            <aside class="col-sm-5 no-padder" id="sidebar">
                <section class="vbox animated fadeInUp">
                    <section class="scrollable">
                        <div class="m-t-n-xxs item pos-rlt">
                            <div class="top text-right">
                                <span class="musicbar animate bg-success bg-empty inline m-r-lg m-t" style="width:25px;height:30px">
                                    <span class="bar1 a3 lter"></span>
                                    <span class="bar2 a5 lt"></span>
                                    <span class="bar3 a1 bg"></span>
                                    <span class="bar4 a4 dk"></span>
                                    <span class="bar5 a2 dker"></span>
                                </span>
                            </div>
                            <div class="bottom gd bg-info wrapper-lg">
                                <span class="pull-right text-sm">101,400 <br>Followers</span>
                                <span class="h2 font-thin">Radio</span>
                            </div>
                            <img class="img-full" src="images/m43.jpg" alt="...">
                        </div>
                        <ul class="list-group list-group-lg no-radius no-border no-bg m-t-n-xxs m-b-none auto">
                            <li class="list-group-item" ng-repeat="song in songList">
                                <div class="pull-right m-l">
                                    <a href="File_musicDownload.action?filePath={{song.file_link}}" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                    <a href="" ng-click="addSong(song)" class="m-r-sm"><i class="icon-plus"></i></a>
                                </div>
                                <a href="" class="jp-play-me m-r-sm pull-left">
                                    <i ng-click="playCurrentSong(song)" class="icon-control-play text"></i>
                                    <i class="icon-control-pause text-active"></i>
                                </a>
                                <div class="clear text-ellipsis">
                                    <span>{{song.title}}</span>
                                    <span class="text-muted"> -- {{song.publishtime}}</span>
                                </div>
                            </li>
                        </ul>
                    </section>
                </section>
            </aside>
            <!-- / side content -->
            <section class="col-sm-4 no-padder bg">
                <section class="vbox">
                    <section class="scrollable hover">
                        <ul class="list-group list-group-lg no-bg auto m-b-none m-t-n-xxs">
                            <li class="list-group-item clearfix" ng-repeat="radio in radioList">
                                <a href="" class="jp-play-me pull-right m-t-sm m-l text-md">
                                    <i ng-click="playCurrentSong(radio)" class="icon-control-play text"></i>
                                    <i class="icon-control-pause text-active"></i>
                                </a>
                                <a href="" class="pull-left thumb-sm m-r">
                                    <img src="{{radio.pic_big}}" alt="...">
                                </a>
                                <a class="clear" href="">
                                    <span class="block text-ellipsis">{{radio.title}}</span>
                                    <small class="text-muted">{{radio.author}}</small>
                                </a>
                            </li>
                        </ul>
                    </section>
                </section>
            </section>
            <section class="col-sm-3 no-padder lt">
                <section class="vbox">
                    <section class="scrollable hover">
                        <div class="m-t-n-xxs">
                            <div class="item pos-rlt">
                                <a href="" class="item-overlay active opacity wrapper-md font-xs">
                                    <span class="block h3 font-bold text-info">Find</span>
                                    <span class="text-muted">查找喜欢的音乐</span>
                                    <span class="bottom wrapper-md block">- <i
                                            class="icon-arrow-right i-lg pull-right"></i></span>
                                </a>
                                <a href="">
                                    <img class="img-full" src="images/m40.jpg" alt="...">
                                </a>
                            </div>
                            <div class="item pos-rlt">
                                <a href="" class="item-overlay active opacity wrapper-md font-xs text-right">
                                    <span class="block h3 font-bold text-warning text-u-c">Listen</span>
                                    <span class="text-muted">在你的心找到平静</span>
                                    <span class="bottom wrapper-md block"><i
                                            class="icon-arrow-right i-lg pull-left"></i> -</span>
                                </a>
                                <a href="">
                                    <img class="img-full" src="images/m41.jpg" alt="...">
                                </a>
                            </div>
                            <div class="item pos-rlt">
                                <a href="" class="item-overlay active opacity wrapper-md font-xs">
                                    <span class="block h3 font-bold text-success text-u-c">Share</span>
                                    <span class="text-muted">与你的爱分享好的歌曲</span>
                                    <span class="bottom wrapper-md block">- <i
                                            class="icon-arrow-right i-lg pull-right"></i></span>
                                </a>
                                <a href="">
                                    <img class="img-full" src="images/m42.jpg" alt="...">
                                </a>
                            </div>
                            <div class="item pos-rlt">
                                <a href="" class="item-overlay active opacity wrapper-md font-xs text-right">
                                    <span class="block h3 font-bold text-white text-u-c">2014</span>
                                    <span class="text-muted">发现、倾听、分享</span>
                                    <span class="bottom wrapper-md block"><i
                                            class="icon-arrow-right i-lg pull-left"></i> -</span>
                                </a>
                                <a href="">
                                    <img class="img-full" src="images/m44.jpg" alt="...">
                                </a>
                            </div>
                            <div class="item pos-rlt">
                                <a href="" class="item-overlay active opacity wrapper-md font-xs">
                                    <span class="block h3 font-bold text-danger-lter text-u-c">Top10</span>
                                    <span class="text-muted">选曲</span>
                                    <span class="bottom wrapper-md block">- <i
                                            class="icon-arrow-right i-lg pull-right"></i></span>
                                </a>
                                <a href="">
                                    <img class="img-full" src="images/m45.jpg" alt="...">
                                </a>
                            </div>
                        </div>
                    </section>
                </section>
            </section>
        </section>
    </section>
</section>
<a href="" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>